<style scoped lang="scss">
@import "@/styles/_variables.scss";
@import "@/styles/_mixins.scss";

.user {
  width: 10rem;
  height: 100vh;
  background-color: orange;

  .user-header {
    width: 10rem;
    height: 4rem;
    background-color: pink;
  }
}
</style>
<template>
  <div class="user">
    <!-- 头部背景图 -->
    <div class="user-header">
      <img src="" alt="">
    </div>
    <!-- 个人信息 -->
    <div class="user-info">
      <div class="user-avatar">
        <img src="" alt="">
      </div>
      <div class="user-name">
        <p>用户昵称</p>
      </div>
      
    </div>
  </div>
</template>
<script setup>

</script>